<template>
	<view class="my-container">
		<view>
			<view style="visibility: hidden;">margin</view>
			<navigator class="box1" url="/subpkg/myqianming/myqianming">
				<view class="boxLeft">
					<image src="@/static/image/renwu.png" style="width: 100rpx;height:100rpx;"></image>
				</view>
				<view class="boxMid">
					<text>徐涵1</text>
					<text>上海市</text>
				</view>
				<view class="boxRight">
					<text>待审批</text>
				</view>
			</navigator>
			<navigator class="box1" url="/subpkg/myqianming/myqianming">
				<view class="boxLeft">
					<image src="@/static/image/renwu.png" style="width: 100rpx;height:100rpx;"></image>
				</view>
				<view class="boxMid">
					<text>徐涵2</text>
					<text>杭州市</text>
				</view>
				<view class="boxRight">
					<text>待审批</text>
				</view>
			</navigator>
			<navigator class="box1" url="/subpkg/myqianming/myqianming">
				<view class="boxLeft">
					<image src="@/static/image/renwu.png" style="width: 100rpx;height:100rpx;"></image>
				</view>
				<view class="boxMid">
					<text>徐涵3</text>
					<text>南京市</text>
				</view>
				<view class="boxRight">
					<text>审批</text>
				</view>
			</navigator>
			<navigator class="box1" url="/subpkg/myqianming/myqianming">
				<view class="boxLeft">
					<image src="@/static/image/renwu.png" style="width: 100rpx;height:100rpx;"></image>
				</view>
				<view class="boxMid">
					<text>徐涵4</text>
					<text>杭州市</text>
				</view>
				<view class="boxRight">
					<text>待审批</text>
				</view>
			</navigator>
			<navigator class="box1" url="/subpkg/myqianming/myqianming">
				<view class="boxLeft">
					<image src="@/static/image/renwu.png" style="width: 100rpx;height:100rpx;"></image>
				</view>
				<view class="boxMid">
					<text>徐涵5</text>
					<text>杭州市</text>
				</view>
				<view class="boxRight">
					<text>审批</text>
				</view>
			</navigator>
			<navigator class="box1" url="/subpkg/myqianming/myqianming">
				<view class="boxLeft">
					<image src="@/static/image/renwu.png" style="width: 100rpx;height:100rpx;"></image>
				</view>
				<view class="boxMid">
					<text>徐涵</text>
					<text>杭州市</text>
				</view>
				<view class="boxRight">
					<text>待审批</text>
				</view>
			</navigator>
		</view>
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showCheck: true
			}
		},
		methods: {
			navClickHandler() {
				uni.switchTab({
					url: '/pages/checkout/checkout'
				})
			},

		}
	}
</script>

<style>
	page,
	.my-container{
		height: 100%;
		background-color: #F4F4F4;
	}
	.boxLeft {
		flex: 1;
	}

	.boxRight {}

	.boxMid {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		flex: 3;
	}

	.box1 {
		border: 3rpx solid #faca82;
		border-radius: 10rpx;
		margin: 0rpx 20rpx 20rpx 20rpx;
		padding: 10rpx;
		box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.15);
		display: flex;
	}


</style>
